<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<head th:include="include :: header"></head>

<style>

	#videoShow{
		position: relative;
	}

	#videoShow .iconclose{
		position:absolute;
		top: -20px;
		right: -20px;
		border-radius: 50px;
	}

</style>

<body class="gray-bg">
	<div class="wrapper wrapper-content ">
		<div class="row">
			<div class="col-sm-12">
				<div class="ibox float-e-margins">
					<div class="ibox-content">

						<form class="form-horizontal m-t" id="signupForm">
                            <div class="form-group">
								<label class="col-sm-3 control-label">专题名称：</label>
								<div class="col-sm-8">
									<input id="topicName" name="topicName" placeholder="专题名称" class="form-control" type="text">
								</div>
							</div>

							<div class="form-group">
								<label class="col-sm-3 control-label">专题栏目图：</label>
								<div class="col-sm-8">

									<div id="columnImage1"></div>
									<button type="button" class="btn btn-success" id="topicAdd" style="margin-top: 10px;">
										<i class="fa fa-cloud"></i>专题栏目图
									</button>
									<input id="columnImage" name="columnImage" placeholder="topicImage" class="form-control" type="hidden">
								</div>
							</div>

							<div class="form-group">
								<label class="col-sm-3 control-label">专题图片：</label>
								<div class="col-sm-8">

									<div id="brandlogo1"></div>
									<button type="button" class="btn btn-success" id="btnlogoAdd" style="margin-top: 10px;">
										<i class="fa fa-cloud"></i>专题图片
									</button>
									<input id="topicImage" name="topicImage" placeholder="topicImage" class="form-control" type="hidden">
								</div>
							</div>

							 <div class="form-group">
								<label class="col-sm-3 control-label">专题视频：</label>
								<div class="col-sm-8">

									<div id="videoShow"></div>
									<button type="button" class="btn btn-success" id="video" style="margin-top: 10px;">
										<i class="fa fa-cloud"></i>专题视频
									</button>

								</div>
							</div>

							<div class="form-group">
								<label class="col-sm-3 control-label">专题视频链接：</label>
								<div class="col-sm-8">
									<input id="topicVideo" name="topicVideo" placeholder="视频链接" class="form-control" type="text">
								</div>
							</div>

							<div class="form-group">
								<label class="col-sm-3 control-label">优先级：</label>
								<div class="col-sm-8">
									<input id="sortOrder" name="sortOrder" placeholder="排序" class="form-control" type="text">
								</div>
							</div>

							<div class="form-group">
								<div class="col-sm-8 col-sm-offset-3">
									<button type="submit" class="btn btn-primary">提交</button>
								</div>
							</div>

						</form>
					</div>
				</div>
			</div>
	</div>
	</div>
	<div th:include="include::footer"></div>
	<script src="//s.xlongwei.com/res/js/My97DatePicker/WdatePicker.js"></script>
	<script type="text/javascript" src="/js/webJs/jzweb/topicReport/add.js">
	</script>
</body>
</html>
